<template>
    <div class="box">
        <img src="../assets/images/bg3.jpg" alt="">
        <iframe src="http://192.168.90.245/chatbot/l2WMSVA9xqeltaje"  frameborder="0" allow="microphone"> </iframe>
    </div>
</template>
<script> 

   window.difyChatbotConfig = { token: 'l2WMSVA9xqeltaje', baseUrl: 'http://192.168.90.245' } 
   const script = document.createElement('script');
   script.src = 'http://192.168.90.245/embed.min.js?vue&type=script&defer=true&lang=js&external';
   document.head.appendChild(script);
</script> 
<style> 
    .box {
        width: 100%;
        height: 100%;
        position: relative;
    }
    img{
        width: 100%;
        height: 100vh;
    }
    iframe{
        width: 60%;
        height: 70%;
        min-height: 700px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    #dify-chatbot-bubble-button { background-color: #1C64F2 !important; } 
    #dify-chatbot-bubble-window { width: 24rem !important; height: 40rem !important; } 
</style>